<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
	<head>
		<title>Input</title>
		<link rel="stylesheet" href="/Dongbu/lib/jquery-ui-1.8.18/css/ui-lightness/jquery.ui.all.css">
		<link rel="stylesheet" href="/Dongbu/lib/jquery-ui-1.8.18/css/ui-lightness/jquery-ui-1.8.18.custom.css">
		<link rel="stylesheet" href="/Dongbu/lib/jquery-ui-1.8.18/css/demos.css">
		<script src="/Dongbu/lib/jquery-ui-1.8.18/js/jquery-1.7.1.min.js"></script>
		<script src="/Dongbu/lib/jquery-ui-1.8.18/js/jquery-ui-1.8.18.custom.min.js"></script>
		<script src="/Dongbu/lib/jquery-ui-1.8.18/js/i18n/jquery.ui.datepicker-ko.js"></script>
		<script>
			$(function() {
				//$( "#dialog" ).dialog();
				$( "input:submit, a, button", ".demo" ).button();
				$("#addmember").button().click(function(){
					var lastindex = $("input[name='childname[]']").length;
					$("#memberlist").append("<input type=\"text\" id=\"childname" + lastindex++ + "\" name=\"childname[]\" />");
				});
				$("#next").button().click(function(){
					document.frmMain.submit();
				});
			});
		</script>
	</head>
	<body>
		<form name="frmMain" action="inputchildproc.jsp" method="post">
			<div id="dialog" title="Basic dialog">
				<p>입력양식 예제입니다.</p>
			</div>
			<table class="layout-grid" cellspacing="0" cellpadding="0">
			<tr>
				<td class="left-nav">
					<dl class="demos-nav">
						<dt>해야할 리스트</dt>
							<dd><a href="#">인원설정</a></dd>
							<dd><a href="#">인원 이름 입력</a></dd>
							<dd><a href="#">인원별 시간입력</a></dd>
					</dl>
				</td>
				<td class="normal">
				<div class="demo">
					<button id="addmember"  onClick="return false;">인원추가</button>
					<button id="next" onClick="return false;">다음</button>
				</div>
					<div id="memberlist" class="normal">
					</div>
					<br/>
				</td>
			</tr>
			</table>
		</form>
	</body>
</html>